<!DOCTYPE html>
<html>
<head>
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<@mup.header/>	
	<#include "ai_design/mine-header.ftl"/>		
	<@mup.link href="/common/css/tempo-explorer.css?v=2023-04-24T10:54:57Z"  model="all"/>
	<@mup.link href="/framework/css/frame_rsmanage.css?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.link href="/framework/css/frame_modelhub.css?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.link href="/common/css/tempo-ai.css?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.link href="/css/plugin/tempo-tree.css?v=2023-04-24T10:54:57Z" />
	<@mup.script src="/js/plugin/tempo-tree.js?v=2023-04-24T10:54:57Z" />
	<@mup.link href="/css/plugin/tempo-gtree.css?v=2023-04-24T10:54:57Z" />
	<@mup.script src="/js/plugin/tempo-gtree.js?v=2023-04-24T10:54:57Z" />
	<@mup.script src="/mine/js/mine-util.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/framework/js/frame_rsmanage.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.link href="/common/css/icon.css?v=2023-04-24T10:54:57Z"  model="all"/>
	<@mup.link href="/common/css/common-page.css?v=2023-04-24T10:54:57Z"  model="all"/>
	<@mup.script src="/mine/viewing/js/mine-viewing-cluster-alg-modeldata-show-utils.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/mine/viewing/js/mine-viewing-dataset-show-utils.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.link href="/css/timepicker/jquery-ui-timepicker-addon.min.css?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/js/timepicker/jquery-ui-timepicker-addon.min.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/js/timepicker/jquery-ui-sliderAccess.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/js/datepicker/i18n/datepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>
	<@mup.script src="/js/timepicker/i18n/jquery-ui-timepicker-${request.getLocale()}.js?v=2023-04-24T10:54:57Z" model="all"/>
	
</head>
<script>
	$(function(){
				if (window.history && window.history.pushState) {
					$(window).on("popstate", function(){
						window.history.pushState('forward', null , document.URL);
						window.history.forward(1);
					});
					window.history.pushState('forward', null , document.URL);
					window.history.forward(1);
				}
			});
			
	(function(){
		var i18ns = ${i18ndict};  
		for ( var i in i18ns) { 
			TempoUtils.locale(i, i18ns[i]); 
		}; 
	})();
	</script>
<body>
	<div class="ui-layout-west left-div tempo-strap-west-panel"> 
		<div class="tempo-strap-panel-title"><span><@spring.message "aiview.warehouse"/></span></div>
		<div class='tempo-app-rsmanage-search-bar tempo-strap-panel-search tempo-searchbar' ></div>
		<div class="tempo-tree-sort" id="tempo-tree-sort"><span class="ui-icon tempo-ui-icon tempo-ui-icon-sort"></span></div>
		<div class='app-explorer tempo-strap-panel-content' ></div>
	</div>
	<div class="ui-layout-center view-container">
		<div class="tempo-app-index-view tempo-app-folder-toolbar">
			<div class="tempo-app-index-view-opts item tempo-app-folder-add-achievement-button" id="tempo-app-index-view-opts-addApp">
				<div class="icon tempo-api-icon-90 tempo-api-icon-90-position-1"></div>
				<div class="text">添加成果</div>
			</div>
			<div class="tempo-app-index-view-opts item tempo-app-folder-add-folder-button" id="tempo-app-index-view-opts-addFolder">
				<div class="icon tempo-api-icon-90 tempo-api-icon-90-position-2"></div>
				<div class="text"><span><@spring.message "aiview.rsmanageCreateFolder"/></span></div>
			</div>
		</div>
		<div class='tempo-app-content-view' style="height:100%;display:none">
			<div class="rs-right-top">
				<div class="rs-right-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3" style="margin-top: 15px;"></div>
				<div class="rs-right-top-r">
					<div class="analyze-title-name">
						<span id="ca-name">xxx</span>
						<img class="tempo-cgfl-sync-service-pl-image" src="/tempo-ai-design/css/images/pl_icon.png">
					</div>
					<ul>
						<li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user" style="margin-bottom: 6px;"></span><span class="app-user-name-class" id="ca-creator"></span></li>
						<li><span id="ca-time"></span></li>
						<li><span class="tempo-gtree-item-content-icon tempo-workspace-icon"></span><span name="belong_workspace"></span></li>
						<li><span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10" style="top:0px;"></span><span name="belong_theme"></span></li>
						<#-- 现将分享至功能去掉 -->
<#--						<li class="tempo-app-share-directory"><span class="app-li-span"><@spring.message "aiview.share_directory"/>:</span><span id="share_directory"></span></li>-->
					</ul>
				</div>
				<div class='tempo-strap-header-right'>
						<button type="button" class='select_target-btn tempo-strap-header-btn'><@spring.message "aiview.app_select_target"/></button>
				</div>
			</div>
			<div class="cut-off-rule"></div>
			<div class="rs-right-mid">
				<ul>
					<li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
					<li class="unsort"  data-v="configuration"><@spring.message "aiview.rsServConf"/></li>
					<li class="unsort"  data-v="monitor"><@spring.message "aiview.rsServMon"/></li>
					<li class="unsort"  data-v="audit"><@spring.message "aiview.rsServLog"/></li>
				</ul>
				<div style="float:right;padding-right: 20px;padding-top: 10px;">
					<label style="color: #777777;"><@spring.message "aiview.rsStatus"/>：</label><span id="ca-status" style="color: #0d9f41;"></span>
				</div>
				<div style="float:right;padding-right: 20px;padding-top: 10px;">
					<label style="color: #777777;"><@spring.message "aiview.rsType"/>：</label><span id="ca-type" style="color: #0d9f41;"></span>
				</div>
			</div>
			<div class="rs-right-bot service-right-bot">
			</div>
		</div>

		<div class='tempo-app-content-view-gray' style="height:100%;display:none">
			<div class="rs-right-top-gray">
				<div class="rs-right-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3" style="margin-top: 15px;"></div>
				<div class="rs-right-top-r">
					<div class="analyze-title-name">
						<span id="ca-name-gray">xxx</span>
					</div>
					<ul>
						<li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user" style="margin-bottom: 6px;"></span><span class="app-user-name-class" id="ca-creator-gray"></span></li>
						<li><span id="ca-time-gray"></span></li>
						<li style="display: flex;align-items: center"><span class="tempo-gtree-item-content-icon tempo-workspace-icon"></span><span name="belong_workspace_gray"></span></li>
						<#-- 现将分享至功能去掉 -->
						<#--						<li class="tempo-app-share-directory"><span class="app-li-span"><@spring.message "aiview.share_directory"/>:</span><span id="share_directory"></span></li>-->
					</ul>
				</div>
				<div class='tempo-strap-header-right-gray'>
					<button type="button" class='select_target-btn tempo-strap-header-btn'><@spring.message "aiview.app_select_target"/></button>
				</div>
			</div>
			<div class="cut-off-rule-gray"></div>
			<div class="rs-right-mid-gray">
				<ul>
					<li class="unsort"  data-v="grayconfiguration"><@spring.message "aiview.rsServConf"/></li>
					<li class="unsort"  data-v="graymonitor"><@spring.message "aiview.rsServMon"/></li>
					<li class="unsort"  data-v="audit"><@spring.message "aiview.rsServLog"/></li>
				</ul>
				<div style="float:right;padding-right: 20px;padding-top: 10px;">
					<label style="color: #777777;"><@spring.message "aiview.rsStatus"/>：</label><span id="ca-status-gray" style="color: #0d9f41;"></span>
				</div>
				<div style="float:right;padding-right: 20px;padding-top: 10px;">
					<label style="color: #777777;"><@spring.message "aiview.rsType"/>：</label><span id="ca-type-gray" style="color: #0d9f41;"></span>
				</div>
			</div>
			<div class="rs-right-bot service-right-bot-gray">
			</div>
		</div>

		<div style="display:none;height: 100%;" class="tempo-strap-centre-panel tempo-app-task-view">
					<div class="rs-right-top">
						<div class="rs-right-top-l  tempo-api-icon-48 tempo-api-icon-48-position-3" style="margin-top: 15px;"></div>
						<div class="rs-right-top-r">
							<div class="analyze-title-name" style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 610px;">
								<span id="ca-name">xxx</span>
							</div>
							<ul>
								<li><span class="ui-icon tempo-ui-icon tempo-ui-icon-create-user" style="margin-bottom: 6px;"></span><span class="app-user-name-class" id="task-creator"></span></li>
								<li><span class="tempo-gtree-item-content-icon tempo-workspace-icon"></span><span name="belong_workspace"></span></li>
								<li><span class="tempo-gtree-item-content-icon tempo-api-icon-tree-16 tempo-api-icon-tree-16-position-10" style="top:0px;"></span><span name="belong_theme"></span></li>
								<li>创建于：<span id="task-createTime"></span></li>
							</ul>
						</div>
					</div>
					<div class="cut-off-rule"></div>
					<div class="rs-right-mid task-right-mid">
						<ul>
							<li data-v="overview"><@spring.message "aiview.rsFlowPre"/></li>
							<li class="unsort"  data-v="taskconfiguration">任务配置</li>
							<li class="unsort"  data-v="taskmonitor">运行情况</li>
						</ul>
						<div style="float:right;padding-right: 50px;padding-top: 10px;">
							<label style="color: #777777;">任务运行状态：</label><span class="task-runtStatus" style="color: #0d9f41;"></span>
						</div>
						<div class='tempo-strap-task-header-right'>
							<!-- <button class='delete-task-btn tempo-strap-header-btn'" ><@spring.message "aiview.delete_task"/></button> -->
						</div>
					</div>
					<div class="rs-right-bot task-right-bot">

					</div>
		</div>
		<#include "ai_runtime/view/app-flow-scheduling.ftl"/>

	</div>
</body>